/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_separate_pinned_row_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Use with multi-row_tabs.css to show pinned tabs on separate row. */

scrollbox[part][orient="horizontal"] > slot::after,
.scrollbox-clip > scrollbox[part][orient="horizontal"]::after{
  display: flow-root list-item;
  content: "";
  flex-basis: -moz-available;
  height: 0;
  overflow: hidden;
}

.tabbrowser-tab:not([pinned]),
.tabbrowser-tab:not([pinned]) + #tabs-newtab-button{
  order: 1;
}

.tabbrowser-tab[pinned] + .tabbrowser-tab{
  margin-inline-start: 0 !important;
}